@import '../../style/mixin.less';
@keyframes alertAnimation{
  0%{
    transform: scale3d(1,1,1);
  }
  50%{
    transform: scale3d(.8,.8,.8);
  }
  100%{
    transform: scale3d(1,1,1);
  }
}
@keyframes tipMove{
  0%{
    transform: scale(1);
  }
  25%{
    transform: scale(.8);
  }
  50%{
    transform: scale(1.1)
  }
  75%{
    transform:scale(1.2)
  }
  100%{
    transform: scale(1);
  }
}
.alert-con{
  .coverScreen(fixed,rgba(0,0,0,0.3));
  //animation: alertAnimation .6s;
  z-index:11;
  .alert-context{
    .positionCenter;
    z-index: 12;
    .wh(600px,360px);
    background-color: #fff;
    border-radius: 16px;
    .flex(@align-items:stretch);
    flex-direction: column;
    .alert-content-detail{
      flex:5;
      .flex;
      .font(40px);
    }
    .confirm-btn{
      flex:2;
      .flex;
      .font(40px);
      border-top:1px solid #eee;
    }
  }
}

.alert-enter{
  opacity: 0;
  animation: alertAnimation 500ms linear infinite;
}
.alert-enter.alert-enter-active{
  transition:all 300ms;
  opacity: 1;
  //animation: alertAnimation 500ms linear infinite;
}
.alert-leave{
  opacity: 1;
  //animation: alertAnimation 500ms linear infinite;
}
.alert-leave.alert-leave-active{
  //animation: alertAnimation 500ms linear infinite;
  transition: all 500ms;
  opacity: 0;
  
}